@charset "utf-8";

/* General styles*/
/*Define your own styles in this stylesheet*/
.gridContainer {
	margin-left: auto;
	margin-right: auto;
	
	padding-left: 2.275%;
	padding-right: 2.275%;
	clear: none;
	float: none;
}
body{
	background-color: rgba(246,246,246,1.00);
}
h1, h2, h3, h4, h5, h6{
	font-family: 'montserrat' , sans-serif;
	color: rgba(75,74,74,1.00);
	font-style: normal;
	font-weight: 400;
	font-size: 19px;
}
p{
    font-size: 1.rem;
    font-family: 'montserrat' , sans-serif;
    font-style: normal;
    font-weight: 300;
    color: rgba(65,62,62,1);
    line-height: 1.8;
    margin-top: 6%;
    margin-right: 10%;
    margin-left: 10%;
    font-size: 1em;
}
.gglogo{
    width: 20%;
}


/* Link styles*/
a {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #FF5700;
}
.linkStyle {
	color: #000000;
	font-family: 'montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	font-size: 12px;
}
/* Header & HERO styles*/
.logo {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 198px;
	background-color: #e8e3dd;
	font-size: 13px;
}
.heroHeader {
	height:350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniersdisease_header.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:0.5%;
  
}


/* Navigation styles*/
.topNavUl {
	position: static;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #d2cac1;
    
}
.topNavLI {
	text-align:center;
	width: 20%;
	margin-left: 1.6949%;
	clear: none;
	height: auto;
	position: static;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color: #D2CAC1;	
	font-family:'montserrat',sans-serif;align-content: center;

}

ul li a{
	text-decoraion: none;

	display: block;
	text-decoration: none;
	background-color: #D2CAC1;
	opacity: .8;

}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;
}
	
	

/* Typography styles*/
.textStyle {
	font-family: 'montserrat', sans-serif;
	font-style: normal;
	font-weight:600;
	color: rgba(0,0,0,1.00);
	text-align: center;
	/* [disabled]background-color: #F76405; */
}	
	

/* Typography styles*/
.textStyle {
	font-family: 'montserrat', sans-serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(1,1,1,1.00);
	text-align: center;
}


ul
.headingStyle {
	/* [disabled]font-family: 'montserrat', sans-serif; */
	/* [disabled]font-style: normal; */
	/* [disabled]font-weight: 400; */
	color: rgba(146,146,146,1.00);
	font-size: 32px;
}
.mainHeading {
	color: rgba(255,255,255,1.00);
	text-align: center;
	margin-top: 2%;
	font-size: 48px;
	text-shadow: 5px 6px 6px #86898D;
	background-image: url(url);
}
.mainTagline {
	text-align: center;
	color: rgba(226,225,221,1.00);
	font-size: 1.8rem;
	margin-top: -1%;
	text-shadow: 2px 5px 3px #000000;
	font-weight: 500;
	text-decoration: none;
	text-transform: uppercase;
	/* [disabled]background-color: #010101; */
	letter-spacing: 1px;
	height: 29px;
	padding-top: 0px
}
        .gglogo{
    width: 20%;
}

/*portfolio*/
.workheader{
    
    font-weight:700;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
    color:#000000;
    font-weight: bolder;
	font-size: 3.2rem;
    background-color: #CBC5BD;
}
merniers_intro_vid{
    width:80%;
    padding-left:1%;
    padding-right:1%;
    padding-bottom:6%;
    padding-top:1%;
    margin-left:10%;
    margin-right:10%;
    background-color:#ffffff;
    
}



.sectionText {
	text-align: center;
	font-weight: bold;
}
#sectionOne {
	text-align: justify;
}
#sectionTwo {
	text-align: justify;
}

/* Gallery styles */

.wbbckclr{
    background-color:#cec7be 
}
.gallery{
    padding-top:20px;
    padding-bottom:30px;
}
.paraContent{
	font-size: 14px;
	font-family: alice, sans-serif;
	font-style: normal;
	font-weight: 400;
	color: rgba(69,67,67,1.00);
	line-height: 1.8;
	margin-left: 5%;
	margin-right: 5%;
}
.contentArea{
	font-size: 14px;
	font-family: alice , sans-serif;
	font-style: normal;
	font-weight: 100;
	color: rgba(146,146,146,1.00);
	line-height: 1.8;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;
}
.showAreaH2 {
    color: #ffffff;
    font-size: 1.5rem;
}
#secondaryStyling {
	padding-top: 20px;
    padding-bottom: 20px;
}
.secondarySection {
	background-color: rgba(223,219,211,1.00);
}
.secondaryHeading {
	color: rgba(255,255,255,1.00);
	text-align: center;
}
/*Footer styles*/
.footerTitle {
    text-align: center;
    font-size: 22px;
}
.footerTextContainer {
	text-align: justify;
	margin-bottom: 10%;
}
.gritgraphicsfont {
	width: 139px;
	background-color: #030303;
	text-align: center;
	float: left;
	border-radius: 0;
	padding: 5px;
	margin-top: 4px;
}
.copyright {
	font-size: x-large;
	text-align: right;
    margin-bottom:30%;
}
@media screen and (min-width:1200px){
     
    
    .gglogo{
    width: 20%;
}


/* Link styles*/
a {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #FF5700;
}
.linkStyle {
	color: #000000;
	font-family: 'montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	font-size: 12px;
}
/* Header & HERO styles*/
.logo {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 198px;
	background-color: #e8e3dd;
	font-size: 13px;
}
.heroHeader {
	height:300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniersdisease_header.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:0.5%;
  
}


/* Navigation styles*/
.topNavUl {
	position: static;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #d2cac1;
    
}
.topNavLI {
	text-align:center;
	width: 20%;
	margin-left: 1.6949%;
	clear: none;
	height: auto;
	position: static;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color: #D2CAC1;	
	font-family:'montserrat',sans-serif;align-content: center;

}

ul li a{
	text-decoraion: none;

	display: block;
	text-decoration: none;
	background-color: #D2CAC1;
	opacity: .8;

}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;
}
	
	

/* Typography styles*/
.textStyle {
    font-family: 'montserrat', sans-serif;
    font-style: normal;
    font-weight: 500;
    color: rgba(0,0,0,1.00);
    text-align: center;
    /* [disabled]background-color: #F76405; */
}	
	

    .gglogo{
    width: 20%;
}
    .heroHeader {
	height:300px ;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniersdisease_header.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:2%;
        margin-bottom:2%;
  
}
    
    .merniers_intro_vid{
    width:85%;
    padding-left:0.5%;
    padding-right:0.5%;
    padding-bottom:0.5%;
    padding-top:0.5%;
    margin-left:auto;
    margin-right:auto;
        margin-top:5%;
    background-color:#ffffff;
     box-shadow: 6px 9px 33px #909090;
}
  .gridContainer {
	width: 75%;
    max-width: 1232px;
	
	

}
    .topNav {
	width: 40%;
	clear: none;
	margin-left: 25.542%;
}
    /* Navigation styles*/
.topNavUl {
    position: static;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #d2cac1;
    margin-top:0;
  
}
.topNavLI {
	text-align: center;
    width:20%;
    
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color:#d2cac1;	
	font-family:'montserrat',sans-serif;align-content: center;
}
	



ul li a{
	text-decoraion: none;
	
	display: block;
	text-decoration: none;
	background-color: #d2cac1;
	opacity: .8;
	
}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;

	
	text-align: center;
}
    footer {
        margin-top:4%;
}

.footerTitle {
	text-align: center;
	width: 100%;
	margin-left: 0;
    margin-top:10px;
}
    .footerSection{
    width: 31%;
clear: none;
margin-left: 1.6949%;
display: block;
    }
    .footerTextContainer {
text-align: justify;
margin-bottom: 10%;
}
}
/*desktop*/
@media screen and (min-width:769px){
    .gridContainer{
        width:90%!important;
     
    } 
    
    .gglogo{
    width: 20%;
}


/* Link styles*/
a {
	color: #000000;
}
a:visited {
	color: #000000;
}
a:hover {
	color: #FF5700;
}
.linkStyle {
	color: #000000;
	font-family: 'montserrat', sans-serif;
	font-style: normal;
	font-weight: 600;
	text-decoration: none;
	font-size: 12px;
}
/* Header & HERO styles*/
.logo {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-top: 20px;
	width: 198px;
	background-color: #e8e3dd;
	font-size: 13px;
}
.heroHeader {
	height:300px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniersdisease_header.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:0.5%;
  
}


/* Navigation styles*/
.topNavUl {
	position: static;
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: #d2cac1;
    
}
.topNavLI {
	text-align:center;
	width: 20%;
	margin-left: 1.6949%;
	clear: none;
	height: auto;
	position: static;
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color: #D2CAC1;	
	font-family:'montserrat',sans-serif;align-content: center;

}

ul li a{
	text-decoraion: none;

	display: block;
	text-decoration: none;
	background-color: #D2CAC1;
	opacity: .8;

}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;
}
	
	

/* Typography styles*/
.textStyle {
    font-family: montserrat, sans-serif;
    font-style: normal;
    font-weight: 500;
    color: rgba(0,0,0,1.00);
    text-align: center;
    /* [disabled]background-color: #F76405; */
}	
	

    .gglogo{
    width: 20%;
}
    .heroHeader {
	height:300px ;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniers_disease_header_ipad.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:2%;
        margin-bottom:2%;
  
}
    
    .merniers_intro_vid{
    width:85%;
    padding-left:0.5%;
    padding-right:0.5%;
    padding-bottom:0.5%;
    padding-top:0.5%;
    margin-left:5%;
    margin-right:5%;
        margin-top:5%;
    background-color:#ffffff;
     box-shadow: 6px 9px 33px #909090;
}
  .gridContainer {
	width: 75%;
    max-width: 1232px;
	
	

}
    .topNav {
	width: 40%;
	clear: none;
	margin-left: 25.542%;
}
    /* Navigation styles*/
.topNavUl {
    position: static;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #d2cac1;
    margin-top:0;
  
}
.topNavLI {
	text-align: center;
    width:20%;
    
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color:#d2cac1;	
	font-family:'montserrat',sans-serif;align-content: center;
}
	



ul li a{
	text-decoraion: none;
	
	display: block;
	text-decoration: none;
	background-color: #d2cac1;
	opacity: .8;
	
}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;

	
	text-align: center;
}
    footer {
        margin-top:4%;
}

.footerTitle {
	text-align: center;
	width: 100%;
	margin-left: 0;
    margin-top:10px;
}
    .footerSection{
    width: 31%;
clear: none;
margin-left: 1.6949%;
display: block;
    }
    .footerTextContainer {
text-align: justify;
margin-bottom: 10%;
}
}

@media screen and (max-width:768px){

    .gridContainer {
  width:100%;  
        margin-left:0;
        margin-right:0;
}
    .logo{
        visibility:hidden;
        display:none;
    }
    .gglogo{
    width: 20%;
}
    .heroHeader {
	height:300px ;
     
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniersdisease_header.jpg");
    
	 box-shadow: 6px 9px 33px #909090;
    margin-top:2%;
        margin-bottom:2%;
  
}
      .merniers_intro_vid{
    width:90%;
    padding-left:0.5%;
    padding-right:0.5%;
    padding-bottom:0.5%;
    padding-top:0.5%;
    margin-left:auto;
    margin-right:auto;
        margin-top:5%;
    background-color:#ffffff;
     box-shadow: 6px 9px 33px #909090;
}
     .topNav {
	width: 100%;
	clear: none;
	margin-left: 25.542%;
}
    /* Navigation styles*/
.topNavUl {
    position: static;
    padding-top: 8px;
    padding-bottom: 8px;
    background-color: #d2cac1;
    margin-top:0;
  
}
.topNavLI {
	text-align: center;
    width:20%;
    
}

ul{
	margin:0px;
	padding:0px;
	list-style:none;
}
ul li{
width:200px;

	opacity:.8;
	text-decoration: none;
	line-height: 40px;
	text-align: left;
	font-size: small;
	background-color:#d2cac1;	
	font-family:'montserrat',sans-serif;align-content: center;
}
	



ul li a{
	text-decoraion: none;
	
	display: block;
	text-decoration: none;
	background-color: #d2cac1;
	opacity: .8;
	
}

ul li ul li{
	display: none;
	opacity:.8;
	
} 
ul li:hover ul li{
	display: block;

	
	text-align: center;
}

}
@media screen and (max-width:460px){

   
    
    .gridContainer{

  width:100%;  

    }
     .logo{
        visibility:hidden;
        display:none;
    }
    .gglogo{
        
        width:20%;
    }
    .heroHeader {
	height:200px;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: rgba(0,0,0,1.00);
	background-image: url("images/merniers_disease_header_mobile.jpg");
	 box-shadow: 6px 9px 33px #909090;
    margin-top:0.5%;
  

    }
       .merniers_intro_vid{
    width:95%;
    padding-left:0.5%;
    padding-right:0.5%;
    padding-bottom:0.5%;
    padding-top:0.5%;
    margin-left:auto;
    margin-right:auto;
        margin-top:5%;
    background-color:#ffffff;
     box-shadow: 6px 9px 33px #909090;
}
    }